<template>
  <div class="detail">
    <c-detail :detail-info="financialInfo" :detail-list="financialList">
      <template #titleSuffix>
        titleSuffix
      </template>

      <template #withdrawBalance>
        <div>withdrawBalancewithdrawBalancewithdrawBalancewithdrawBalance</div>
      </template>
    </c-detail>

    <c-detail type="small" :detail-info="financialInfo" :detail-list="financialList">
      <template #titleSuffix>
        titleSuffix
      </template>
    </c-detail>
  </div>
</template>

<script>
export default {
  name: 'Detail',
  data() {
    return {
      financialInfo: {
        balance: 'balance',
        syncStatus: '1',
        auditState: 2,
        withdrawBalance: 'withdrawBalance',
        balanceOnWay: 'balanceOnWay',
      },
      financialList: [
        {
          title: '财务信息',
          span: 8,
          labelStyle: { width: '144px' },
          titleSuffix: 'titleSuffix',
          contentList: [
            {
              label: '账户总余额（元）',
              fieldName: 'balance',
            },
            {
              label: '同步状态',
              fieldName: 'syncStatus',
              hasNoBg: true,
              type: 'tag',
              tagMap: [
                '',
                {
                  text: '正常',
                  className: 'blueBorder',
                },
                {
                  text: '异常',
                  className: 'refBorder',
                },
              ],
            },
            {
              label: '稽核结果',
              fieldName: 'auditState',
              hasNoBg: true,
              type: 'badge',
              badgeMap: [
                '',
                {
                  text: '正常',
                  status: 'success',
                },
                {
                  text: '异常',
                  status: 'error',
                },
              ],
            },
            {
              label: '可提现总余额（元）',
              fieldName: 'withdrawBalance',
              slotName: 'withdrawBalance',
              hasNoBg: true,
            },
            {
              label: '在途总余额（元）',
              fieldName: 'balanceOnWay',
              hasNoBg: true,
            },
          ],
        },
      ],
    };
  },
  created() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.detail {
}
</style>
